{include file="index@public/header" /}
<style>
    .score{
        position: fixed;
        top: 5em;
        width: 100%;
        height: 550px;
        padding: 1em;
        overflow: auto;
    }
    .score div{
        margin: 1em;
        padding: 1em;
    }
    .score .right{
        right: 0;
        position: absolute;
        top: -1.5em;
    }
    .score .yochu,.score .huode,.score .tixian{
        border:1px solid #c1c0c0;
        border-radius: 1em;
        margin-top:2.5em
    }
</style>
<div class = "score">
    <div class = "right">当前积分：{$score}分</div>
    <div class = "yochu">
        <p>积分有什么用?</p>
        <p>1.积分可以兑换礼物</p>
        <p>2.展示时，积分越多，排名越靠前</p>
        <p>3.150积分可兑换微信公众号专题宣传</p>
        <p>4.网站首页展示积分前20名</p>
        <p>积分是身份地位的象征哦~</p>
    </div>
    <div class = "huode">
        <p>如何获得积分?</p>
        <p>1.每天登陆一次可获得1个积分</p>
        <p>2.分享网站至qq、微信等社交软件，每注册一个用户您的积分加2分.</p>
        <div class = "row"><button class = "btn btn-primary" onclick = "alert('尚未开通！')">点击分享</button><button class = "btn btn-default pull-right" onclick = "alert('尚未开通！')">购买积分</button></div>
    </div>
    <!--<div class = "tixian">
        <p>积分提现</p>
        <p>积满100分即可提现,1元 = 20积分</p>
        <div class = "text-center">
            <button onclick = "alert('尚未开通！')" class = "btn btn-primary">立即提现</button>
        </div>
    </div>-->
</div>
{include file="index@public/selfFooter" /}